<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>本月拜访明细查询</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/style.css"/>

    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/gwaq556/gwaq556"]
        };
    </script>
    <script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
    <style>
        html {
            background-color: #efeff4;
        }

        .mui-content {
            padding: 0;
        }

        .mui-scroll-wrapper {
            /*top: 50px;*/
        }

        .mui-content {
            padding: 0;
        }

        .mui-row.mui-fullscreen > [class*="mui-col-"] {
            height: 100%;
        }

        .mui-col-xs-3,
        .mui-col-xs-9 {
            /*overflow-y: auto;*/
            height: 100%;
        }

        .mui-segmented-control .mui-control-item {
            line-height: 50px;
            width: 100%;
            font-size: 14px;
        }

        .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
            background-color: #fff;
        }

        .mui-table-view .mui-media-object {
            max-width: 68px;
            height: 68px;
        }

        .mui-table-view-cell {
            padding: 11px 10px;
        }

        .mui-control-content {
            position: absolute;
            background-color: #fff;
        }

        .mui-table-view:before, .mui-table-view:after {
            height: 0;
        }
    </style>
</head>

<body>


<!--搜索-->
<div class="search3">
    <form action="javascript:app.returnFalse();">
        <div id="searchDiv1" class="search">
            <i class="mui-icon mui-icon-search"></i>
            <input v-model="keyword" @search="serchData" type="search" class="mui-input-clear hasRigico"
                   placeholder="商机主题|客户|经销商|成交几率">
        </div>
    </form>
</div>

<div class="mui-content mui-row mui-fullscreen wf-imgBox" style="top: 58px;">
    <div class="mui-col-xs-3">
        <div id="scrollleft" class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <div id="segmentedControls"
                     class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">

                    <template v-for="(val,key) in catalogs">
                        <a @tap="showCatalogGoods(key,val.GWAK006, $event)"
                           :class="['mui-control-item', {'mui-active': key==0}]"
                           :href="'#content'+val.GWAK006+key"
                           :_index="val.GWAK006+key">{{val.GWAK}}</br>{{val.count}}</a>
                    </template>
                </div>
            </div>
        </div>
    </div>
    <div id="tab-content" class="mui-col-xs-9" style="background-color: #fff"></div>
</div>

<script id="classesitem-template" type="text/x-template">
    <ul class="mui-table-view mui-table-view-chevron" v-if="GWAK006 == 1">
        <li v-for="(val,index) in model" class="mui-table-view-cell">
            <a href="javascript:;" class="mui-navigate">
                <div class="mui-card-content textStyle">
                    <div class="mui-row">
                        <div class="mui-col-xs-12">
                            <p>商机主题:<span>{{val.GWBGL003}}</span></p>
                        </div>
                        <div class="mui-col-xs-12">
                            <p>客户名称:<span>{{val.GWAKL004}}</span></p>
                        </div>
                        <div class="mui-col-xs-12">
                            <p>业务员:<span>{{val.NAME}}</span></p>
                        </div>
                        <div class="mui-col-xs-12">
                            <p>最近拜访日期:<span>{{val.GWBH003}}</span></p>
                        </div>
                        <div class="mui-col-xs-12">
                            <p>成交几率:<span>{{val.GWBH031}}</span></p>
                        </div>
                        <div class="mui-col-xs-12">
                            <p>预计金额:<span>{{val.GWBK005}}</span></p>
                        </div>
                        <div class="mui-col-xs-12">
                            <p>预计成交日期:<span>{{val.GWBH013}}</span></p>
                        </div>
                    </div>
                </div>

            </a>
        </li>
    </ul>
    <ul class="mui-table-view mui-table-view-chevron" v-else>
        <li v-for="(val,index) in model" class="mui-table-view-cell">
            <a href="javascript:;" class="mui-navigate">
                <div class="mui-card-content textStyle">
                    <div class="mui-row">
                        <div class="mui-col-xs-12">
                            <p>客户名称:<span>{{val.GWAKL004}}</span></p>
                        </div>
                        <div class="mui-col-xs-12">
                            <p>拜访人:<span>{{val.GWBN006}}</span></p>
                        </div>
                        <div class="mui-col-xs-12">
                            <p>最近拜访日期:<span>{{val.GWBN002}}</span></p>
                        </div>
                        <div class="mui-col-xs-12">
                            <p>拜访目的:<span>{{val.GWBN010}}</span></p>
                        </div>
                    </div>
                </div>

            </a>
        </li>
    </ul>
</script>
</body>

</html>